
// 鞋靴箱包
$('.nav_shoe-bag_left li').mouseover(function(){
    // console.log(aa);
    $(this).children('.baikuai').css('display','block');
    $(this).siblings().children('.baikuai').css('display', 'none');

});
$('.nav_shoe-bag_left li').mouseout(function(){
    // console.log(aa);
    $(this).children('.baikuai').css('display','none');

});

$('.shoe_hd_top>div').mouseenter(function(){
    $(this).addClass('active').siblings().removeClass('active');
    $(this).children('.shoe_buttom').stop().fadeIn(700);
    $(this).siblings().children('.shoe_buttom').stop().fadeOut(700);

});
// 品牌旗舰
// $('.prev').prop('disabled',true);
// var flagNext = true;
// $('.next').click(function(){
//     if (flagNext){
//         flagNext = false;
//         $('.prev').prop('disabled',false);
//         $('.lunbo').animate({
//             left: '-='+ 1110
//         },function(){
//             if($('.lunbo').position().left == -1100){
//                 $('.next').prop('disabled',true);
//             };
//             flagNext = true;
//         });
//     }
// });
// var flagPrev =true;
//     $('.prev').click(function(){
//         if(flagPrev){
//             flagPrev = false;
//             $('.next').prop('disabled',false);
//             $('.lunbo').animate({
//                 left: '+=' + 1110
//             },function(){
//                 if($('.lunbo').position().left == 0) {
//                     $('.prev').prop('disabled',true);
//                 };
//                 flagPrev = true;
//             });
//         }
//     });

function fun(ele, index) {
    clearInterval(ele.time);
    ele.time = setInterval(function () {

        if (ele.offsetLeft == index) {
            clearInterval(ele.time);
        } else {
            var targer = (index - ele.offsetLeft) / 10;

            if (targer > 0) {
                targer = Math.ceil(targer)
            } else if (targer < 0) {
                targer = Math.floor(targer)
            }

            ele.style.left = ele.offsetLeft + targer + "px";
        }

    }, 20)
}
var lunbo = document.querySelector('.lunbo')
var num = 0;
var movewidth = lunbo.offsetWidth
// console.log(movewidth)
$(".prev").click(function () {
    num++
    if (num % 2 != 0) {
        var dong = -movewidth / 2;
        fun(lunbo, dong)
    } else {

        // console.log(get)
        fun(lunbo, -10  )
    }
})
$(".next").click(function () {
    num++
    if (num % 2 != 0) {
        var dong = -movewidth / 2;
        fun(lunbo, dong)
    } else {
        fun(lunbo, -10)
    }
});
    // a标签遍历
    var hong =document.getElementsByClassName('hong');

    for(var i=0;i<hong.length;i++){
        hong[i].onmouseover=function(){
            this.style.color="red";
        }
        hong[i].onmouseout=function(){
           this.style.color="";
       }
    }
$('.shoe_center_allto').mouseenter(function(){
    $('.zuoArrow').css('display','block')
    $('.youArrow').css('display','block')
})
$('.shoe_center_allto').mouseleave(function(){
    $('.zuoArrow').css('display','none')
    $('.youArrow').css('display','none')
})
    

var shoe_center_allto1 = document.querySelector('.shoe_center_allto1')
var num1 = 0;
var movewidth1 = shoe_center_allto1.offsetWidth
$(".zuoArrow").click(function () {
    num1++
    if (num1 % 2 != 0) {
        var tager = -movewidth / 2;
        fun(shoe_center_allto1, tager)
    } else {
        fun(shoe_center_allto1, -1)
    }
})
$(".youArrow").click(function () {
    num1++
    if (num1 % 2 != 0) {
        var tager = -movewidth / 2;
        fun(shoe_center_allto1, tager)
    } else {
        fun(shoe_center_allto1, -1)
    }
});

    // 渲染页面
    // 热销榜
//     function showPage(data) {
//         var pageDatas=``;
//     for (var i = 0; i < data.length; i++) {
//         pageDatas += `
//         <li>
//          <div class="imgtu">
//          <img src="${data[i].goods_img[0]}" alt="">
//         </div>
//         <div class="wenzi">
//         <a href="" class="hong">${data[i].title}</a>
//         </div>
//         <div class="price">${data[i].shop_price}</div>
//         </li>`
//     }
//     $('.shoe_buttom ul:eq(0)').html(pageDatas)
    
// }
//    showPage(allData.shoeData.rank[0]);
//    促销榜
// function showPage1(data1) {
//     var pageDatas1=``;
// for (var  j= 0; j < data1.length; j++) {
//     pageDatas1 += `
//     <li>
//      <div class="imgtu">
//      <img src="${data1[i].goods_img[0]}" alt="">
//     </div>
//     <div class="wenzi">
//     <a href="" class="hong">${data1[j].title}</a>
//     </div>
//     <div class="price">${data1[j].shop_price}</div>
//     </li>`
// }
// $('.shoe_buttom ul:eq(0)').html(pageDatas1)

// }
// showPage1(allData.shoeData.rank[1]);

// 今日推荐
function showPage1(data) {
    var pageDatas1=``;
for (var i = 0; i < data.length; i++) {
    pageDatas1 += `
    <li class="con_li">
    <a href="goods-info.html?${data[i].goods_id}">
    <div class="imgtu1">
        <img src="${data[i].goods_thumb[0]}" alt="">
    </div>
    <div class="wenzi">
        ${data[i].title}
    </div>
    <div class="price">
        ${data[i].shop_price_formated}
    </div>
    </a>
</li>`
}
$('.shoe_center_frist_con ul:eq(0)').html(pageDatas1)

}
showPage1(allData.shoeData.recommend);

// 新品上货
function showPage2(data) {
    var pageDatas1=``;
for (var i = 0; i < data.length; i++) {
    pageDatas1 += `
    <li class="con_li">
    <a href="goods-info.html?${data[i].goods_id}">
    <div class="imgtu1">
        <img src="${data[i].goods_thumb[0]}" alt="">
    </div>
    <div class="wenzi">
        ${data[i].title}
    </div>
    <div class="price">
        ${data[i].shop_price_formated}
    </div>
    </a>
</li>`
}
$('.shoe_center_frist_con ul:eq(1)').html(pageDatas1)

}
showPage2(allData.shoeData.product);



// 楼层导航
$('.tiao .lou li:lt(4)').click(function () {
    var index = $(this).index('.tiao .lou li');
    $('html').animate({
        scrollTop: $($('.jump')[index]).offset().top
    }, 300);
});
 

var main1OffsetTop = $('.shoe_main').offset().top;
$(window).scroll(function() {
    // 侧边栏显示
    if ($(window).scrollTop() >= main1OffsetTop) {
        $('.tiao').fadeIn(600);
    } else {
        $('.tiao').fadeOut(600);
    };
    // 使侧边栏变色
    $('.floorss').each(function(index, value) {
        if ($(window).scrollTop() >= value.offsetTop) {
            // console.log(1);
            $('.lc').eq(index).addClass('ac').siblings().removeClass('ac');
        }
    })
})

$('.huidao').click(function() {
    $('html').animate({
        scrollTop: 0
    },1000);
});

// $('.as').mouseenter(function(){
//     $(this).css('background-color','red');
// })
// $('.as').mouseleave(function(){
//     $(this).css('background-color','#A3A0A1');
// })